﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <script src="../../../lib/jquery/jquery-1.9.0.min.js" type="text/javascript"></script>
    <script src="../../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
    
    <script src="../../../lib/ligerUI/js/plugins/ligerTab.js" type="text/javascript"></script> 
    <script src="../../../lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script> 
        <script src="../../../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
    <script type="text/javascript">
        var grid;
        $(function ()
        {
            

            grid = $("#maingrid").ligerGrid({
                columns: [
                { display: '部门名', name: 'name', width: 250, align: 'left' },
                { display: '部门标示', name: 'id', width: 250, type: 'int', align: 'left' },
                { display: '部门描述', name: 'remark', width: 250, align: 'left' }
                ], width: '100%', pageSizeOptions: [5, 10, 15, 20], 
                url: '../../../dotnetdemos/grid/pager/server.aspx?Action=GetData',
                dataAction: 'server', //服务器排序
                usePager: true,       //服务器分页
                pageSize: 20,
                height: 300,
                width : 580,
                alternatingRow: false
            }
            );

            $("#navtab1").ligerTab();
        }); 
    </script>
</head>
<body  style="padding:10px">
	<div id="navtab1" style="width: 600px;overflow:hidden; border:1px solid #A3C0E8; ">
        <div tabid="home" title="我的主页" lselected="true"  style="height:300px" >
            <iframe frameborder="0" name="showmessage" src="../../form/form.htm"></iframe>
        </div>
        <div  title="表格页">
             <div id="maingrid" style="margin:10px; "></div>
        </div> 
    </div>

   

</body>
</html>
